// 测试地址是否接通
/* axios.get('/student/list').then((result) => {
    console.log(result);
}) */
/* 
1 点击a标签来切换显示登录和注册盒子===================================
  1 给登录盒子中a标签绑定点击事件   隐藏登录盒子 - 显示注册盒子
  2 给注册盒子中a标签绑定点击事件   隐藏注册盒子 - 显示登录盒子 
   */

// 获取登录和注册的盒子
const registerBox = document.querySelector('.register');
const loginBox = document.querySelector('.login');
const registerA = document.querySelector('.register-a');// 链接 注册 跳转的
const loginA = document.querySelector('.login-a');// 链接 登录 跳转的
// debugger;// 测试 每个值能否获取到

// 点击 登录 事件
loginA.addEventListener('click', function (e) {
    // 一个显示 一个隐藏
    loginBox.style.display = "none";
    registerBox.style.display = "block";
});

// 点击 注册 事件
registerA.addEventListener('click', function (e) {
    // 一个显示 一个隐藏
    loginBox.style.display = "block";
    registerBox.style.display = "none";
});

/* 2 注册============================================================
  1 给注册表单 绑定提交事件 - 阻止默认行为
  2 获取注册表单中的 用户名和密码
  3 调用 注册接口。。。
  4 成功 恭喜 用户，自动切换到登录界面
*/
// 给注册表单绑定 提交事件
registerBox.querySelector('form').addEventListener('submit', function (e) {
    e.preventDefault();
    // console.log(123);
    // 获取注册表单中的用户名和密码 jq的快速获取的方式
    const data = $(this).serialize();
    // console.log(data);
    axios.post('/api/register', data).then((result) => {
        // console.log(result);
        // http状态码 不是2开头的话  下面代码不会执行   有些错误 无法弹出窗口提醒用户
        if (result.data.code === 0) {
            toastr.success(result.data.message)
            // 模拟 用户点击  注册盒子中的a标签即可
            registerA.click();
        }
    })
})

/*
3 登录 ============================================================
  1 给登录表单 绑定提交事件 - 阻止默认行为
  2 获取用户名和密码 发送给后端   响应token 回来
  3 前端 接收token  使用本地存储 存起来
  4 跳转页面 首页

  4 首页
    1 发送请求，获取token 携带参数 发送过去
      有token  后端响应  正确数据
      没有token  后端响应 你没有权限  code = 2 前端接收到后端响应，判断 如果没有权限 - 跳转回登录页面！！
*/

// 给 登录 表单绑定 提交事件
loginBox.querySelector('form').addEventListener('submit', function (e) {
    e.preventDefault();
    // 快速获取 数据
    const data = $(this).serialize();

    // 调起登录页面
    axios.post('/api/login', data).then((result) => {
        // console.log(result);
        if (result.data.code === 0) {
            // 存token ()
            localStorage.setItem('token82', result.data.token);
            toastr.success(result.data.message)
            // 模拟 用户点击  注册盒子中的a标签即可
            registerA.click();
        }
        // 开启定时器 2秒后 跳转到首页
        setTimeout(() => {
            location.href = './index.html';
        }, 1500);

    })
})



